<template>
  <div>
    <!-- <div class="DescriptionTitle">{{ $t('projectPlanBaseInquireTitle') }}</div> -->
    <el-descriptions direction="horizontal" :column="24" border>
      <el-descriptions-item :label="$t('legalRequire')" :span="24" content-class-name="label-with-150">{{ `${projectPlanLawInformation.legal_require}` }}</el-descriptions-item>
      <el-descriptions-item :label="$t('safetyRequire1')" :span="24" content-class-name="label-with-150">{{ projectPlanLawInformation.safety_require1 }}</el-descriptions-item>
      <el-descriptions-item :label="$t('safetyRequire2')" :span="24" content-class-name="label-with-150">{{ projectPlanLawInformation.safety_require2 }}</el-descriptions-item>
      <el-descriptions-item :label="$t('externalService')" :span="12" content-class-name="label-with-150">{{ projectPlanLawInformation.external_service }}</el-descriptions-item>
      <el-descriptions-item :label="$t('deliveryModes')" :span="12" content-class-name="label-with-150">{{ projectPlanLawInformation.delivery_modes }}</el-descriptions-item>
      <el-descriptions-item :label="$t('manageLevel')" :span="24" content-class-name="label-with-150">{{ projectPlanLawInformation.manage_level }}</el-descriptions-item>
      <el-descriptions-item :label="$t('achievement')" :span="24" content-class-name="label-with-150">{{ projectPlanLawInformation.achievement }}</el-descriptions-item>
      <el-descriptions-item :label="$t('qualityGoal')" :span="12" content-class-name="label-with-150">{{ projectPlanLawInformation.quality_goal }}</el-descriptions-item>
      <el-descriptions-item :label="$t('inspection')" :span="12" content-class-name="label-with-150">{{ projectPlanLawInformation.inspection }}</el-descriptions-item>
      <el-descriptions-item :label="$t('internalProcess')" :span="12" content-class-name="label-with-150">{{ projectPlanLawInformation.internal_process }}</el-descriptions-item>
      <el-descriptions-item :label="$t('customerProcess')" :span="12" content-class-name="label-with-150">{{ projectPlanLawInformation.customer_process }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>
<script>
export default {
  name: 'ProjectPlanLawInformation',
  props: {
    projectPlanLawInformation: {
      required: true,
      type: Object
    }
  }
}
</script>
  <style scoped>
  @import "~@/views/projectbase/projectcss/project.css";
  </style>
